<template>
  <div class="chat-head">
    <div class="name">{{ name }}</div>
    <div class="more">...</div>
  </div>
</template>
<script lang="ts" setup>
import { computed } from "vue"
import { newUseStore } from "@/store"

const store = newUseStore()

const name = computed(
  () => store.getters[store.lsGetters.moduleChat.currentChat as any]?.nickName
)
</script>
<style lang="less" scoped>
.chat-head {
  background-color: aqua;
  display: flex;
  justify-content: space-between;
  padding: 2vw;
  align-items: center;
  font-size: 2vw;
  .more {
    font-size: 2vw;
  }
}
</style>
